li {
  list-style: none; }

a {
  text-decoration: none; }

input {
  outline: none;
  border: none; }

button {
  border: none;
  outline: none;
  cursor: pointer; }

* {
  margin: 0;
  padding: 0; }

.container {
  width: 10.0000rem;
  height: 17.8125rem;
  background: #DDDCDC; }
  .container .head {
    width: 10.0000rem;
    height: 1.8750rem;
    background: #FA52AD;
    text-align: center;
    line-height: 1.8750rem;
    position: relative; }
    .container .head i {
      font-size: 0.8594rem;
      color: #FCFFFF;
      position: absolute;
      top: 50%;
      left: 0.6250rem;
      transform: translate( 0.6250rem, -50%); }
    .container .head span {
      font-size: 0.4688rem;
      color: #FDEDED; }

.head_phone {
  width: 10.0000rem;
  height: 2.7656rem;
  background: #FBFBFB;
  margin-top: 0.6406rem; }
  .head_phone li {
    position: relative;
    width: 10.0000rem;
    height: 1.3438rem;
    line-height: 1.3438rem; }
    .head_phone li:first-child {
      border-bottom: 0.0156rem solid #DDDCDC; }
      .head_phone li:first-child span {
        margin-left: 0.6250rem;
        font-size: 0.4688rem;
        color: #141414; }
      .head_phone li:first-child i {
        font-size: 0.8594rem;
        color: #B9AFAF;
        position: absolute;
        top: 50%;
        right: 0.6250rem;
        transform: translate( -0.6250rem, -50%); }

.phone {
  width: 8.7500rem;
  height: 1.1719rem;
  background: #FBFBFB;
  display: inline-block;
  font-size: 0.4688rem;
  color: #C9C3C3;
  padding-left: 0.0781rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.center {
  width: 10.0000rem;
  height: 4.6875rem;
  text-align: center; }
  .center .nextBtn {
    display: inline-block;
    width: 7.5625rem;
    height: 1.2500rem;
    background: #CCCCCC;
    border-radius: 0.2344rem;
    line-height: 1.2500rem;
    font-size: 0.4688rem;
    color: #FCF4F4;
    margin-top: 0.6250rem; }
  .center .center_check {
    margin-top: 0.6250rem;
    position: relative;
    /*   i{
         @include _text( 0.4688rem,#6B6767);
         cursor: pointer;
         position: absolute;
       }*/ }
    .center .center_check input {
      display: none; }
    .center .center_check .square {
      font-size: 0.4688rem;
      color: #6B6767;
      cursor: pointer;
      position: absolute;
      left: 1.7188rem;
      top: 0.0313rem;
      display: inline-block; }
    .center .center_check .che {
      width: 0.3125rem;
      height: 0.3125rem;
      display: none;
      cursor: pointer;
      position: absolute;
      left: 1.7188rem;
      top: 0.0625rem;
      border: 0.0313rem solid #6B6767;
      border-radius: 0.0938rem; }
    .center .center_check input[type=checkbox]:checked + label {
      display: none; }
    .center .center_check input[type=checkbox]:checked + label + label {
      display: block; }
    .center .center_check span {
      font-size: 0.3750rem;
      color: #323232; }
    .center .center_check a {
      font-size: 0.3750rem;
      color: #29A1F8; }

.btn_num {
  width: 10.0000rem;
  height: 6.2813rem;
  background: #FEFEFE;
  /* position: absolute;
   bottom: -6.2813rem;
   transition: bottom .2s linear .2s;*/
  display: none; }
  .btn_num li {
    border-bottom: 0.0156rem solid #E1DFDF;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between; }
    .btn_num li button {
      width: 3.3125rem;
      height: 1.5625rem;
      background: #FEFEFE;
      display: inline-block;
      border-right: 0.0156rem solid #E1DFDF;
      font-size: 0.7500rem;
      color: #6B6767; }
      .btn_num li button:last-child {
        border-right: none; }

.btn_footer {
  border-top: 0.0156rem solid #E1DFDF;
  width: 10.0000rem;
  height: 1.5313rem;
  background: #FBFBFB;
  text-align: center;
  position: fixed;
  bottom: 0; }
  .btn_footer .footer {
    position: relative;
    margin: auto;
    width: 9.2188rem;
    height: 1.5313rem; }
    .btn_footer .footer li {
      width: 9.2188rem;
      height: 0.7656rem;
      line-height: 0.7656rem; }
      .btn_footer .footer li:first-child {
        border-bottom: 0.0156rem solid #FA52AD; }
      .btn_footer .footer li .return {
        font-size: 0.2813rem;
        color: #FA52AD; }
      .btn_footer .footer li .watch {
        font-size: 0.2500rem;
        color: #3CA5F7; }

.footer_or {
  display: inline-block;
  width: 0.4688rem;
  height: 0.2656rem;
  background: #FBFBFB;
  font-size: 0.2813rem;
  color: #FA52AD;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.on {
  display: inline-block;
  width: 7.5625rem;
  height: 1.2500rem;
  background: #FA52AD;
  border-radius: 0.2344rem;
  line-height: 1.2500rem;
  font-size: 0.4688rem;
  color: #FCF4F4;
  margin-top: 0.6250rem; }